$same-btn-color: #02B5F7;
.all {
  width: 90%;
  padding: 10rpx;
  padding-top: 126rpx;
  //display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  padding-bottom: 126rpx;
}
.top {
  color: #4a4a4a;
  font-size: 26rpx;
  font-family: PingFangSC, PingFangSC-Regular;
  border: 2rpx solid #efefef;
  border-radius: 10rpx;
  height: 90rpx;
  width: 328*2rpx;
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10rpx;
  margin: 36rpx auto;
}
.top-name {
  align-items: center;
  display: flex;
}
.msg-green {
  color: #1CC6A1;
  font-size: 44rpx;
  position: relative;
}
.red {
  position: absolute;
  right: 0;
  top: 14rpx;
  width: 14rpx;
  height: 14rpx;
  border-radius: 50%;
  background-color: red;
}
.itemListContent {
  position: relative;
}
.itemListBg {
  position: absolute;
  display: block;
  z-index:1;
  content: '';
  left:-26rpx;
  top: 3%;
  width: 675rpx;
  height: 93%;
  background-image: url('');
  background-position: 0rpx;
  background-repeat:repeat-y;
  background-size: 8%;
}
.itemList {
  position: relative;
  padding-left: 68rpx;
  padding-right: 42rpx;
  padding-top: 40rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  //width: 362*2rpx;
  //height: 606*2rpx;
  //  background: url('/static/index-bg.png') repeat-y;
  border-radius: 9*2rpx;
  box-shadow: 0rpx 5*2rpx 22*2rpx 0rpx rgba(206,211,225,0.5);
  background-color: #fff;
  // background-image: url('');
  // background-position: -20rpx 0rpx;
  // background-repeat:repeat-y;
  // background-size: cover;
  .item {
    //margin-top: 20rpx;
    z-index: 2;
    margin-bottom: 28rpx;
    width: 274*2rpx;
    height: 72*2rpx;
    background: #f9f9f9;
    border: 2rpx solid #eeeeee;
    border-radius: 8rpx;
    padding: 14rpx;
    box-sizing: border-box;
    &:first-child .main-title:after{
      width: 84*2rpx;
      background-color: $index-main-title-first;
    }
    &:nth-child(2) .main-title:after{
      width: 84*2rpx;
      background-color: $index-main-title-second;
    }
    &:nth-child(3) .main-title:after{
      width: 84*2rpx;
      background-color: $index-main-title-three;
    }
    &:nth-child(4) .main-title:after{
      width: 84*2rpx;
      background-color: $index-main-title-four;
    }
    &:nth-child(5) .main-title{
      width: 40*2rpx;
    }
    &:nth-child(5) .main-title:after{
      width: 56*2rpx;
      background-color: $index-main-title-five;
    }
    &:nth-child(6) .main-title:after{
      width: 84*2rpx;
      background-color: $index-main-title-six;
    }
}
  .main-title{
    width: 72*2rpx;
    height: 23*2rpx;
    font-size: 16*2rpx;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #4a4a4a;
    margin-bottom: 26rpx;
    position: relative;
    z-index: 2;
    text-indent: 14rpx;
    &:after {
      position: absolute;
      bottom: 0px;
      display: block;
      content: '';
      height: 10*2rpx;
      border-radius: 4*2rpx;
      z-index: -1;
    }
  }
  .sub-title {
    display: flex;
    .a {
      margin-right: 69rpx;
      height: 18*2rpx;
      font-size: 13*2rpx;
      font-weight: 400;
      color: #4a4a4a;
    }
  }

}
.index-wrap {
  position: relative;
}
.index-circle {
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}
.left-bottom-circle {
  left: 16rpx;
  bottom: 60rpx;
  width: 129*2rpx;
  height: 129*2rpx;
  background-color: $left-bottom-circle;
}
.right-bottom-circle {
  bottom: -80rpx;
  right: -180rpx;
  width: 218*2rpx;
  height: 218*2rpx;
  background-color: $right-bottom-circle;
}
.right-top-circle {
  right:-10rpx;
  top: 50*2rpx;
  width: 84*2rpx;
  height: 84*2rpx;
  background-color: $right-top-circle;
}
